﻿@using Microsoft.AspNetCore.Http;

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - WebPortal</title>
    <link rel="stylesheet" href="~/layui/css/layui.css" media="all">

    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
    <!-- JQuery: dropdown-menu -->
    <script src="~/jquery/3.2.1/jquery.min.js"></script>
    <!-- Angular JS, need to be in header, otherwise, cause an Angular JS injection error. 2017.08 -->
    <script src="~/angularjs/1.5.6/angular.js"></script>
    <script src="~/angularjs/1.5.6/angular-animate.min.js"></script>
    <script src="~/angularjs/1.5.6/angular-aria.min.js"></script>
    <script src="~/angularjs/1.5.6/angular-messages.min.js"></script>



    <script src="~/js/elasticsearch-js/elasticsearch.js"></script>
    <script src="~/js/elasticsearch-js/elasticsearch.angular.js"></script>
    <script src="~/js/elasticsearch-js/elasticsearch.jquery.js"></script>
    <script src="~/layui/layui.all.js" charset="utf-8"></script>

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="~/bootstrap/3.3.7/css/bootstrap.min.css">
    <!-- Latest compiled JavaScript -->
    <script src="~/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!--<link rel="stylesheet" href="~/font-awesome/4.3.0/css/font-awesome.min.css">-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- X-Editable https://vitalets.github.io/angular-xeditable/ -->
    <script src="~/angular-ui-select/0.16.1/select.min.js"></script>
    <link href="~/angular-ui-select/0.16.1/select.min.css" rel="stylesheet" media="screen">
    <link src="/angular-xeditable/0.8.0/css/xeditable.css" rel="stylesheet">
    <script src="~/angular-xeditable/0.8.0/js/xeditable.min.js"></script>


    <!-- Angular Material Library -->
    <script src="~/angular_material/1.1.0/angular-material.min.js"></script>
    <link rel="stylesheet" href="~/angular_material/1.1.0/angular-material.min.css">




</head>
<body style="padding-top: 80px">
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a asp-controller="Home" asp-action="Index" class="navbar-brand">WebPortal</a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a asp-area="" asp-controller="Home" asp-action="Index">Home</a></li>
                    <li><a asp-area="" asp-controller="Home" asp-action="JobSubmission">Submit Training Job</a></li>
                    <li><a asp-area="" asp-controller="Home" asp-action="DataJob">Submit Data Job</a></li>
                    <li><a asp-area="" asp-controller="Home" asp-action="ViewJobs">View and Manage Jobs</a></li>
                    <li><a asp-area="" asp-controller="Home" asp-action="ViewCluster">Cluster Status</a></li>
                    @if (Context.Session.GetString("isAdmin") == "true")
                    {
                        <li><a asp-area="" asp-controller="Home" asp-action="ManageUser">Manage Users</a></li>
                        <!-- <li><a asp-area="" asp-controller="Home" asp-action="ManageUser1">Manage Users</a></li> -->
                    }
                    <!--
    <li><a href="/Home/JobSubmission/?Mode=templates">Templates</a></li>
        -->
                </ul>
                @await Html.PartialAsync("_LoginPartial")
            </div>
        </div>
    </div>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; 2019 - Apulis AI Platform - WebPortal</p>
        </footer>
    </div>
    @RenderSection("scripts", required: false)
</body>
</html>

